<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <meta name="renderer" content="webkit">
    <meta name="keywords" content="{$navCur.keywords}"/>
    <meta name="description" content="{$navCur.description}"/>
    <title>{$navCur.seotitle}_{$config.site_name}</title>
    <link rel="stylesheet" href="__CDN__/assets/addons/wwh/css/swiper.min.css">
    <link rel="stylesheet" href="__CDN__/assets/addons/wwh/css/style.css">
    <link rel="stylesheet" href="__CDN__/assets/addons/wwh/css/media.css">
    <link rel="stylesheet" href="__CDN__/assets/addons/wwh/css/animate.min.css">
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/jquery.min.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/swiper.min.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/style.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/wow.min.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/index.js"></script>
    <link rel="shortcut icon" href="__CDN__/assets/addons/wwh/images/favicon.ico">
</head>
<body>
<!--头部-->
{include file="header" /}
<!--内容-->
<div id="bann" style="background-image: url({$config.banner5|cdnurl});">
    <div class="container">
        <div class="t1 wow fadeInUp" data-wow-delay="200ms">
            {$config.ban5_t1}<br>
        </div>
        <div class="t2 wow fadeInUp" data-wow-delay="300ms">
            <span>{$config.ban5_t2}</span>
        </div>
    </div>
</div>

<div class="nav_pc hide wow fadeInLeft" data-wow-delay="400ms">
    <div class="container">
        <a class="home" href="{:addon_url('wwh/index/index')}"><img src="__CDN__/assets/addons/wwh/images/home_ico.png" style="background-color: #0f6ab4;" alt=""></a>
        <div class="first">
            <h4>{if condition="($navCur.parent_id == '0')"} {$navCur.name} {else /} {$top.name} {/if}</h4>
            <ul>
                {volist name="nav" id="v"}
                {if condition="($v.classify == 'about') OR ($v.type == 'link')"}
                {else /}
                <li><a href="{:addon_url('wwh/index/column', [':diyname'=>$v.diyname])}">{$v.name}</a></li>
                {/if}
                {/volist}
            </ul>
        </div>
        <div class="second active">
            <h4>
                {if condition="($navCur.parent_id == '0')"}公司概况{else /}{$navCur.name}{/if}
            </h4>
            <ul>
                {volist name="nav" id="v"}
                {if condition="($v.classify == 'about')"}
                {volist name="v.childlist" id="vv"}
                <li><a href="{:addon_url('wwh/index/column', [':diyname'=>$vv.diyname])}">{$vv.name}</a></li>
                {/volist}
                {else /}
                {/if}
                {/volist}
            </ul>
        </div>
    </div>
</div>
<div class="nav_phone hide container ">
    {volist name="nav" id="v"}
    {if condition="($v.classify == 'about') OR ($v.type == 'link')"}
    <p><a href="{:addon_url('wwh/index/column', [':diyname'=>$v.diyname])}">{$v.name}</a></p>
    {else /}
    {/if}
    {/volist}
    {if condition="($navCur.parent_id == '0')"}
    <p><a href="{:addon_url('wwh/index/column', [':diyname'=>$navCur.diyname])}">公司概况</a></p>
    {else /}
    <p><a href="{:addon_url('wwh/index/column', [':diyname'=>$navCur.diyname])}">{$navCur.name}</a></p>
    {/if}
</div>

<div id="about">
    <div class="container">
        <div class="about-box top1">
            <div class="about-title wow fadeInUp" data-wow-delay="200ms">
                {$about.about_title}</div>
            <div class="desc-box">
                <div class="info-box wow fadeInUp" data-wow-delay="300ms">
                    <div class="info">
                        {$about.about_description}</div>
                    <a href="javascript:;" class="more" onclick="showMore()"><span>查看更多</span></a>
                </div>
                <div class="video-box wow fadeInUp" data-wow-delay="300ms">
                    <img src="{$about.about_image|cdnurl}" alt="{$about.about_title}">
                </div>
            </div>
        </div>
        <div class="about-box">
            <div class="about-title wow fadeInUp" data-wow-delay="300ms">
                企业文化
            </div>
            <div class="culture-box">
                <div class="left items item01 wow fadeInUp" data-wow-delay="200ms" style="background-image: url('{$about.culture_image1|cdnurl}');">
                    <img src="{$about.culture_image1|cdnurl}" alt="{$about.culture_title1}">
                    <div class="text-box">
                        <i style="background-image: url('__CDN__/assets/addons/wwh/images/20200810111930.png');"></i>
                        <div class="title">
                            <p class="cn">{$about.culture_title1}</p>
                            <p class="en">{$about.culture_en1}</p>
                        </div>
                        <div class="txt">{$about.culture_des1}</div>
                    </div>
                </div>
                <div class="culture">
                    <div class="items wow fadeInUp" data-wow-delay="300ms" style="background-image: url('{$about.culture_image2|cdnurl}');">
                        <img src="{$about.culture_image2|cdnurl}" alt="{$about.culture_title2}">
                        <div class="text-box">
                            <i style="background-image: url('__CDN__/assets/addons/wwh/images/20200810102717.png');"></i>
                            <div class="title">
                                <p class="cn">{$about.culture_title2}</p>
                                <p class="en">{$about.culture_en2}</p>
                            </div>
                        </div>
                    </div>
                    <div class="items wow fadeInUp" data-wow-delay="400ms" style="background-image: url('{$about.culture_image3|cdnurl}');">
                        <img src="{$about.culture_image3|cdnurl}" alt="{$about.culture_title3}">
                        <div class="text-box">
                            <i style="background-image: url('__CDN__/assets/addons/wwh/images/20200810131740.png');"></i>
                            <div class="title">
                                <p class="cn">{$about.culture_title3}</p>
                                <p class="en">{$about.culture_en3}</p>
                            </div>
                        </div>
                    </div>
                    <div class="items wow fadeInUp"  data-wow-delay="500ms" style="background-image: url('{$about.culture_image4|cdnurl}');">
                        <img src="{$about.culture_image4|cdnurl}" alt="{$about.culture_title4}">
                        <div class="text-box">
                            <i style="background-image: url('__CDN__/assets/addons/wwh/images/20200810111846.png');"></i>
                            <div class="title">
                                <p class="cn">{$about.culture_title4}</p>
                                <p class="en">{$about.culture_en4}</p>
                            </div>
                        </div>
                    </div>
                    <div class="items wow fadeInUp" data-wow-delay="600ms" style="background-image: url('{$about.culture_image5|cdnurl}');">
                        <img src="{$about.culture_image5|cdnurl}" alt="{$about.culture_title5}">
                        <div class="text-box">
                            <i style="background-image: url('__CDN__/assets/addons/wwh/images/20200810102732.png');"></i>
                            <div class="title">
                                <p class="cn">{$about.culture_title5}</p>
                                <p class="en">{$about.culture_en5}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="develop-box">
        <div class="container">
            <div class="about-box">
                <div class="about-title wow fadeInUp" data-wow-delay="300ms">
                    发展历程
                </div>
                <div class="develop-banner wow fadeInUp" data-wow-delay="400ms">
                    <div class="swiper-container swiper-develop">
                        <div class="swiper-wrapper">
                            {wwh:development id="v"}
                            <div class="swiper-slide">
                                <div class="year"><span>{$v.year}</span>年</div>
                                {$v.content}
                            </div>
                            {/wwh:development}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="prevNext-box">
            <a href="javascript:;" class="prev wow fadeInLeft" data-wow-delay="500ms"></a>
            <a href="javascript:;" class="next wow fadeInRight" data-wow-delay="500ms"></a>
        </div>
    </div>

<!--弹窗介绍-->
<div class="more-cover">
    <div class="info-content">
        <div class="close-box">
            <i style="background-image: url('__CDN__/assets/addons/wwh/images/close.png');"></i>
        </div>
        <div class="content">
            {$about.about_content}
        </div>
    </div>
</div>
</div>

<!--底部-->
{include file="footer" /}
<script type="text/javascript">
    $('.nav_pc .first, .nav_pc .second').on('mouseenter mouseleave', function () {
        $(this).children('ul').stop().slideToggle()
    });
    
	var develop_banner= new Swiper('.swiper-develop', {
        autoplay: 4000,
        spaceBetween:"3.333%",
        slidesPerView:"auto",
        prevButton:'.prev',
        nextButton:'.next',
        navigation: {
            nextEl: '.develop-box .prevNext-box .next',
            prevEl: '.develop-box .prevNext-box .prev',
        },
    });
    function showMore() {
        $(".more-cover").fadeIn(300);
    };
    $(".more-cover .close-box").click(function () {
        $(".more-cover").fadeOut(300);
    });
</script>
</body>
</html>
